<template>
  <div class="techy-page">
    <div class="container">
      <h1 class="title">欢迎使用佳诺企微管理系统</h1>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgList: [
        {
          name: 'a',
          src: "https://zhengxin-pub.bj.bcebos.com/comt/1550039294_8857228f58bfaddcc4709a599d439cac_fullsize.jpeg",
          title: '这是a.png'
        },
        {
          name: 'c',
          src: require("../assets/jn_images/2109241050443c5-0-lp.jpg"),
          title: '这是c.png'
        },
        {
          name: 'd',
          src: require("../assets/jn_images/846d74fe3d08ccc4de850d74ec58429e.jpg"),
          title: '这是d.png'
        }
      ]
    };
  },
  methods: {

    animate() {

      const elements = document.querySelectorAll('.btn');

      elements.forEach((element) => {

        element.classList.add('animate');

        setTimeout(() => {

          element.classList.remove('animate');

        }, 1000);

      });

    },
  },
};
</script>
<style scoped>
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}
.techy-page {
  height: 100vh;
  background-color: #121212;
  /* 设置背景图片 */
  background-image: url('../assets/jn_images/846d74fe3d08ccc4de850d74ec58429e.jpg');
  /* 确保背景图片覆盖整个元素 */
  background-size: cover;
  /* 背景图片不重复 */
  background-repeat: no-repeat;
  /* 背景图片始终位于元素的中心 */
  background-position: center;
  /* 背景图片固定，不会随着页面的滚动而滚动 */
  background-attachment: fixed;
}

/*
.techy-page {
  height: 100vh;
  background-color: #121212;
}
*/

.container {
  text-align: center;
  color: #fff;
}
.title {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.description {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);

  }
}
</style>
